$(function(){
    //需要进行分页获取数据的操作，声明全局变量保存页码，页号
    var page = 1;
    var pageSize = 5;
    var totalPage = 0;

    //发送请求，获取二级分类数据
    function getData(){
        $.ajax({
            url:"/category/querySecondCategoryPaging",
            data:{ page,pageSize },
            success:function(res){
                console.log(res);
                var html  = template("second",res);
                $("tbody").html(html);

                totalPage = Math.ceil(res.total / res.size);
            }
        })
    }

    getData();
    
    $("#prev").on("click",function(){
        if( page <= 1 ){
            alert("已经是第一页了");
            return false;
        }

        page--;

        getData();
    })

    $("#next").on("click",function(){
        if( page >= totalPage ){
            alert("已经是最后一页了");
            return false;
        }

        page++;

        getData();
    })

    //请求一级分类的数据，将数据放到下拉框中显示
    $.ajax({
        url:"/category/queryTopCategoryPaging",
        data:{ page:1,pageSize:1000 },
        success:function(res){
            console.log(res);
            var html = template("first",res);
            $("#selectFirst").html(html);
        }
    })

    //完成图片上传的js代码
    $('#fileupload').fileupload({
        dataType: 'json',
        done: function (e, data) {
            //将文件上传之后返回的图片路径设置到图片预览中
            $("#preview").attr("src",data.result.picAddr);

        }
    });

    //当用户点击保存按钮的时候，完成添加二级分类的操作
    $("#btnSave").on("click",function(){
        // brandName
        // categoryId
        // brandLogo
        // hot
        var brandName = $("#txtName").val();
        var categoryId = $("#selectFirst").val();
        var brandLogo = $("#preview").attr("src");
        var hot = 1;

        //发送ajax完成二级分类的添加
        $.ajax({
            url:"/category/addSecondCategory",
            type:"post",
            data:{ brandName, categoryId, brandLogo, hot },
            success:function(res){
                if(res.success){
                    location.reload();
                }else{
                    alert(res.message);
                }
            }
        })

    })
})